
<template>
	<view class="header">
		<view class="header_left" @click="back_page" v-if="isShowReturn">
			<image src="../../static/back.png" mode="aspectFill"></image>
		</view>
		<span>{{titleName}}</span>
	</view>
</template>

<script>
	export default{
		name:'common_header_title',
		props:{
			titleName:{
				type:String,
				default:'区跑'
			},
			isShowReturn:{
				type:Boolean,
				default:true
			}
		},
		methods:{
			back_page(){
				uni.navigateBack({//返回
					delta: 1
				})
			}
		}
	}
</script>

<style>
	.header{
		position: fixed;
		width: 750rpx;
		height: 120rpx;
		background: #FFFFFF;
		z-index: 9999;
	}
	.header_left{
		position: relative;
		width: 84rpx;
		height: 84rpx;
		margin-top: 36rpx;
		float: left;
		z-index: 99;
	}
	.header_left image{
		width: 16rpx;
		height: 28.72rpx;
		margin-left: 36rpx;
		margin-top: 28rpx;
	}
	.header span{
		position: absolute;
		font-weight: 700;
		font-size: 32rpx;
		display: block;
		bottom: 0;
		top: 36rpx;
		left: 0;
		height: 84rpx;
		line-height: 84rpx;
		width: 750rpx;
		text-align: center;
		float: left;
	}
</style>
